<script setup lang="ts">
import { useOrderCar } from "./utils/hook";
import Refresh from "@iconify-icons/ep/refresh";
import { useRenderIcon } from "@/components/ReIcon/src/hooks";
import { ref } from "vue";
export interface FormProps {
  info: any;
}
const props = defineProps({
	info: {
		type: Object,
		required: true,
		default: () => { }
	},
});

const dataTable = ref(props.info)
const columns : TableColumnList = [
	{
		label: "排",
		prop: "row"
	},
	{
		label: "列",
		prop: "column"
	},
	{
		label: "层",
		prop: "storey"
	},
];
</script>

<template>
	<div> 
		<pure-table
		  ref="tableRef"
		  align-whole="center"
		  showOverflowTooltip
		  table-layout="auto"
		  size="large"
		  adaptive
		  :adaptiveConfig="{ offsetBottom: 308 }"
		  :data="dataTable"
		  :columns="columns"
		  :paginationSmall="false"
		  :header-cell-style="{
		    background: 'var(--el-fill-color-light)',
		    color: 'var(--el-text-color-primary)'
		  }"
		  ></pure-table>
	</div>
  
</template>

<style scoped lang="scss"></style>
